<template>
<div>
  <ul class="nav nav-tabs">
    <li><router-link class="list-group-item" active-class="active" to="/multiRouter/multiRouterA">News</router-link></li>
    <li><router-link class="list-group-item" active-class="active" to="/multiRouter/multiRouterB">Message</router-link></li>
  </ul>
  <router-view></router-view>
</div>

</template>

<script>
export default {
  name: 'MultiRouter',
  components: {
  },
  data(){
    return {
      
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
